<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import= "uit.comstore.model.entity.Category" %>
<%@page import= "uit.comstore.model.blo.CategoryBLO" %>

<div id="header"> 
    
    <!-- BEGIN  logo and slogan -->
    <div class="logoright"> <a href="home">Home</a>
      <div class="logoright_bar"></div>
      <a href="about">About Us</a>
      <div class="logoright_bar"></div>
      <a href="faq">FAQ</a>
      <div class="logoright_bar"></div>
      <div id="pages_menu"> <a href="" class="page">Account <img src="public/images/pages_arrow.png" class="pagesarrow" alt="parrow"></a>
        <ul>
        
          <li><a href="index.html">Personal infomation</a></li>
          <li><a href="index-2.html">Delevery infomation</a></li>

        </ul>
      </div>
      <div class="logoright_bar"></div>
      <a href="contact-page.html">Contact</a> </div>
    <div id="logo"> <a href="home" class="logolink"></a></div>
    <div id="logotext">QUANLITY <b>- IS FIRST WE CARE</b></div>
    <!-- END  logo and slogan --> 
    <!-- BEGIN  account links and cart  -->
    <div id="headeright">
      <div class="searchli">
	        <form method="post" action="#">
	          <div class="button"></div>
	          <input type="text" size="10" maxlength="40"  class="keyword" value="Keywords..." 
							onfocus="if(this.value=='Keywords...')this.value=''"
	                        onblur="if(this.value=='')this.value='Keywords...'"/>
	        </form>
    	</div>
      <div class="header_right_align">
        <div class="bluetext"><a href="login-register-page.html" >6 items</a></div>
        <div class="headerbar"></div>
        <div class="headerightext">$3000.00</div>
        <a href="cart" class="cart"></a> 
       </div>
         
    </div>
    <!-- END  account links and cart  -->
    <div class="mainbar">
      <div class="mainbar_content"> <img class="loginlogo_s" src="public/images/loginlogo_s.png" alt="loginlogo" />
        <div class="login"><a href="login" >Login</a></div>
        <div class="createbar"></div>
        <img class="create_s" src="public/images/create_s.png" alt="creates"/>
        <div class="create"><a href="registry" >Create an account</a></div>
        
       
      </div>
    </div>
    <!-- BEGIN  header menu  -->
   
    <div id="categories" class="s_nav">
    
      <ul>
      	<%int i=0; %>
      	<s:iterator value="categoryList" var="parent">
					<s:if test="#parent.parentId == 0"> 
						<li><a href="boxViewMode"><s:property value="#parent.name"/></a>
								<s:iterator value="categoryList" var="child" status="sta">
									
									<s:if test="#parent.id == #child.parentId">
										
										<%i++; if (i==1){ %>
											<ul class="s_submenu"> 
										<% } %>
										<li class="left"><a href="boxViewMode"><s:property value="#child.name"/></a></li>
									</s:if>
									
									<s:if test="#sta.last == true"><%if (i!=0){%></ul> <%i=0;} %> </s:if>
								</s:iterator>							
						</li>
					</s:if> 
						
		</s:iterator>
		
        
      </ul>
    
      
    </div>
    <!-- END  header menu --> 
    <!-- END  .header --> 
  </div>